<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
	@font-face	{font-family:cat; src:url('common/font/whitecat.eot');/* IE9 호환성 보기 */ src:url('common/font/whitecat.eot?iefix') format('eot'),/* IE6-IE8 */ url('../common/font/whitecat.woff') format('woff'),/* Modern Browsers */ url('common/font/whitecat.ttf') format('truetype');/* Safari, android, iOS */;}
	div{margin:0px; padding:0px; border:0px;}
	ul{position:relative;list-style: none; margin:0px; vertical-align: middle; width:80%; left:5%;}
	.label{padding:8px; margin-right:5px; float:left; font-family: cat; width:10%; font-size: 20px; /* border-bottom-style: dotted;border-right-style:dashed;border-right:1px;  */background-color:#e8f7f5;}
	li{margin:0px; border:1px; border:1px dotted #3d3d3d; border-top:1px dotted #0f0f0f; border-left:1px dotted #0f0f0f; }
	h1{position:relative; left:8%;}
	.submit{position:relative;left:84%;}
	input{height:25px; margin:4px;}
</style>
</head>
<body>
<form action="Insert.do" method="post">
	<h1 style="font-family: fantasy;">회원정보 입력</h1>
	<ul>
		<hr>
		<div>
			<li class="label" >아이디</li>
			<li><input type="text" name="id"></li>
		</div>
		<div>
			<li class="label">비밀번호</li>
			<li><input type="password" name="password"></li>
		</div>
		<div>
			<li class="label">이름</li>
			<li><input type="text" name="name"></li>
		</div>
		<div>
			<li class="label">주소</li>
			<li><input type="text" name="id"></li>
		</div>
		<div>
			<li class="label">이메일</li>
			<li><input type="text" name="email"></li>
		</div>
		<div>
			<li class="label">전화번호</li>
			<li><input type="text" name="phone1" maxlength="3"> - 
				<input type="text" name="phone2" maxlength="4"> - 
				<input type="text" name="phone3" maxlength="4"></li>
		</div>
	<hr>

	</ul>
		<div>
			<input class="submit" type="submit" value="전송">
		</div>
</form>
</body>
</html>